<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>商城</title>
    <meta
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
      name="viewport"
    />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <section class="aui-flexView">
      <section class="aui-scrollView">
        <div class="aui-chang-box">
          <header class="aui-navBar aui-navBar-fixed">
            <a href="javascript:;" class="aui-navBar-item-new">
              <i class="icon icon-new"></i>
            </a>
            <div class="aui-center-new">
              <div class="aui-search-box">
                <i class="icon icon-search"></i>
                <input type="text" placeholder="搜索商品名称或粘贴淘宝标题" />
              </div>
            </div>
            <a href="javascript:;" class="aui-navBar-item-new">
              <img src="images/scan.png" alt="" class="bigFind" />
            </a>
          </header>
          <div class="aui-nav-box">
            <a href="javascript:;" class="aui-nav-item aui-nav-item-active"
              >精选</a
            >
            <a href="javascript:;" class="aui-nav-item">母婴</a>
            <a href="javascript:;" class="aui-nav-item">儿童</a>
            <a href="javascript:;" class="aui-nav-item">男装</a>
            <a href="javascript:;" class="aui-nav-item">家居</a>
            <a href="javascript:;" class="aui-nav-item">内衣</a>
            <a href="javascript:;" class="aui-nav-item">美妆</a>
          </div>
        </div>
        <div class="m-slider" data-ydui-slider>
          <div class="slider-wrapper">
            <div class="slider-item">
              <a href="javascript:;">
                <img src="images/slide01.png" alt="" />
              </a>
            </div>
            <div class="slider-item">
              <a href="javascript:;">
                <img src="images/slide01.png" alt="" />
              </a>
            </div>
            <div class="slider-item">
              <a href="javascript:;">
                <img src="images/slide01.png" alt="" />
              </a>
            </div>
            <div class="slider-item">
              <a href="javascript:;">
                <img src="images/slide01.png" alt="" />
              </a>
            </div>
            <div class="slider-item">
              <a href="javascript:;">
                <img src="images/slide01.png" alt="" />
              </a>
            </div>
          </div>
          <div class="slider-pagination"></div>
        </div>
        <div class="aui-palace">
          <a href="javascript:;" class="aui-palace-grid">
            <div class="aui-palace-grid-icon">
              <img src="images/dl.png" alt="" class="zw" />
            </div>
            <div class="aui-palace-grid-text">
              <h2>总代理包</h2>
            </div>
          </a>
          <a href="javascript:;" class="aui-palace-grid">
            <div class="aui-palace-grid-icon">
              <img src="images/fl.png" alt="" class="zw" />
            </div>
            <div class="aui-palace-grid-text">
              <h2>高返利专区</h2>
            </div>
          </a>
          <a href="javascript:;" class="aui-palace-grid">
            <div class="aui-palace-grid-icon">
              <img src="images/fg.png" alt="" class="zw" />
            </div>
            <div class="aui-palace-grid-text">
              <h2>复购专区</h2>
            </div>
          </a>
          <a href="javascript:;" class="aui-palace-grid">
            <div class="aui-palace-grid-icon">
              <img src="images/jf.svg" alt="" class="zw" />
            </div>
            <div class="aui-palace-grid-text">
              <h2>积分专区</h2>
            </div>
          </a>
          <a href="javascript:;" class="aui-palace-grid">
            <div class="aui-palace-grid-icon">
              <img src="images/qg.png" alt="" class="zw" />
            </div>
            <div class="aui-palace-grid-text">
              <h2>限时抢购</h2>
            </div>
          </a>
        </div>

        <!-- <div class="aui-title">
          <h1>热品爆买，火热感恩</h1>
          <h3>千元全面屏现货抢</h3>
        </div> -->
        <!-- <div class="aui-flex">
          <div class="aui-flex-box">
            <img src="images/ad-003.png" alt="" />
          </div>
        </div>
        <div class="aui-slide-list">
          <ul class="aui-slide-item-list">
            <li class="aui-slide-item-item">
              <div class="aui-slide-img">
                <img src="images/pd-001.png" alt="" />
              </div>
              <div class="aui-slide-text">
                <h2>先科电风扇落地扇夏天必备</h2>
                <p>劵后价:￥79.19</p>
                <span>10.0元劵</span>
              </div>
            </li>
            <li class="aui-slide-item-item">
              <div class="aui-slide-img">
                <img src="images/pd-002.png" alt="" />
              </div>
              <div class="aui-slide-text">
                <h2>先科电风扇落地扇夏天必备</h2>
                <p>劵后价:￥79.19</p>
                <span>10.0元劵</span>
              </div>
            </li>
            <li class="aui-slide-item-item">
              <div class="aui-slide-img">
                <img src="images/pd-003.png" alt="" />
              </div>
              <div class="aui-slide-text">
                <h2>先科电风扇落地扇夏天必备</h2>
                <p>劵后价:￥79.19</p>
                <span>10.0元劵</span>
              </div>
            </li>
            <li class="aui-slide-item-item">
              <div class="aui-slide-img">
                <img src="images/pd-004.png" alt="" />
              </div>
              <div class="aui-slide-text">
                <h2>先科电风扇落地扇夏天必备</h2>
                <p>劵后价:￥79.19</p>
                <span>10.0元劵</span>
              </div>
            </li>
          </ul>
        </div>
        <div class="aui-flex">
          <div class="aui-flex-box">
            <img src="images/ad-004.png" alt="" />
          </div>
        </div>
        <div class="aui-slide-list">
          <ul class="aui-slide-item-list">
            <li class="aui-slide-item-item">
              <div class="aui-slide-img">
                <img src="images/pd-005.png" alt="" />
              </div>
              <div class="aui-slide-text">
                <h2>先科电风扇落地扇夏天必备</h2>
                <p>劵后价:￥79.19</p>
                <span>10.0元劵</span>
              </div>
            </li>
            <li class="aui-slide-item-item">
              <div class="aui-slide-img">
                <img src="images/pd-006.png" alt="" />
              </div>
              <div class="aui-slide-text">
                <h2>先科电风扇落地扇夏天必备</h2>
                <p>劵后价:￥79.19</p>
                <span>10.0元劵</span>
              </div>
            </li>
            <li class="aui-slide-item-item">
              <div class="aui-slide-img">
                <img src="images/pd-007.png" alt="" />
              </div>
              <div class="aui-slide-text">
                <h2>先科电风扇落地扇夏天必备</h2>
                <p>劵后价:￥79.19</p>
                <span>10.0元劵</span>
              </div>
            </li>
            <li class="aui-slide-item-item">
              <div class="aui-slide-img">
                <img src="images/pd-008.png" alt="" />
              </div>
              <div class="aui-slide-text">
                <h2>先科电风扇落地扇夏天必备</h2>
                <p>劵后价:￥79.19</p>
                <span>10.0元劵</span>
              </div>
            </li>
          </ul>
        </div> -->
        <div class="aui-title aui-title-one">
          <h1>热品爆买，火热感恩</h1>
          <h3>千元全面屏现货抢<span class="more-product"> 更多</span></h3>
        </div>
        <div class="aui-list-theme-box">
          <a href="javascript:;" class="aui-list-item aui-list-item-big">
            <div class="aui-list-theme-img">
              <img src="images/pd-007.png" alt="" />
            </div>
            <div class="aui-list-theme-message">
              <div class="list-text-left">
                <span><em>促销</em>miiow猫人内衣</span>
                <h3 class="aui-list-theme-title">
                  智能陪护让你的孩子赢在起跑线上面智能陪护让你的孩子赢在起跑线上面
                </h3>
              </div>
              <div class="list-text-right">
                <h4>￥29.99</h4>
                <i>89.99</i>
              </div>
            </div>
          </a>
        </div>
        <div class="aui-list-theme-box">
          <a href="javascript:;" class="aui-list-item">
            <div class="aui-list-theme-img ">
              <img src="images/pd-007.png" alt="" />
            </div>
            <div class="aui-list-theme-message aui-list-theme-message-small">
              <span>
                <!-- <em>促销</em> -->
                miiow猫人内衣</span
              >
              <h3 class="aui-list-theme-title">
                智能陪护让你的孩子赢在起跑线上面智能陪护让你的孩子赢在起跑线上面
              </h3>
              <h4>￥29.99</h4>
              <i>89.99</i>
            </div>
          </a>
          <a href="javascript:;" class="aui-list-item">
            <div class="aui-list-theme-img ">
              <img src="images/pd-008.png" alt="" />
            </div>
            <div class="aui-list-theme-message aui-list-theme-message-small">
              <span>
                <!-- <em>促销</em> -->
                miiow猫人内衣</span
              >
              <h3 class="aui-list-theme-title">
                智能陪护让你的孩子赢在起跑线上面智能陪护让你的孩子赢在起跑线上面
              </h3>
              <h4>￥29.99</h4>
              <i>89.99</i>
            </div>
          </a>
          <!-- <a href="javascript:;" class="aui-list-item">
            <div class="aui-list-theme-img">
              <img src="images/pd-009.png" alt="" />
            </div>
            <div class="aui-list-theme-message">
              <h3 class="aui-list-theme-title">
                智能陪护让你的孩子赢在起跑线上面
              </h3>
              <span><em>淘宝</em>miiow猫人内衣</span>
              <p>销量 899</p>
              <h4>￥29.99</h4>
              <i>89.99</i>
            </div>
          </a>
          <a href="javascript:;" class="aui-list-item">
            <div class="aui-list-theme-img">
              <img src="images/pd-010.png" alt="" />
            </div>
            <div class="aui-list-theme-message">
              <h3 class="aui-list-theme-title">
                智能陪护让你的孩子赢在起跑线上面
              </h3>
              <span><em>淘宝</em>miiow猫人内衣</span>
              <p>销量 899</p>
              <h4>￥29.99</h4>
              <i>89.99</i>
            </div>
          </a>
          <a href="javascript:;" class="aui-list-item">
            <div class="aui-list-theme-img">
              <img src="images/pd-011.png" alt="" />
            </div>
            <div class="aui-list-theme-message">
              <h3 class="aui-list-theme-title">
                智能陪护让你的孩子赢在起跑线上面
              </h3>
              <span><em>淘宝</em>miiow猫人内衣</span>
              <p>销量 899</p>
              <h4>￥29.99</h4>
              <i>89.99</i>
            </div>
          </a>
          <a href="javascript:;" class="aui-list-item">
            <div class="aui-list-theme-img">
              <img src="images/pd-012.png" alt="" />
            </div>
            <div class="aui-list-theme-message">
              <h3 class="aui-list-theme-title">
                智能陪护让你的孩子赢在起跑线上面
              </h3>
              <span><em>淘宝</em>miiow猫人内衣</span>
              <p>销量 899</p>
              <h4>￥29.99</h4>
              <i>89.99</i>
            </div>
          </a>
          <a href="javascript:;" class="aui-list-item">
            <div class="aui-list-theme-img">
              <img src="images/pd-007.png" alt="" />
            </div>
            <div class="aui-list-theme-message">
              <h3 class="aui-list-theme-title">
                智能陪护让你的孩子赢在起跑线上面
              </h3>
              <span><em>淘宝</em>miiow猫人内衣</span>
              <p>销量 899</p>
              <h4>￥29.99</h4>
              <i>89.99</i>
            </div>
          </a>
          <a href="javascript:;" class="aui-list-item">
            <div class="aui-list-theme-img">
              <img src="images/pd-008.png" alt="" />
            </div>
            <div class="aui-list-theme-message">
              <h3 class="aui-list-theme-title">
                智能陪护让你的孩子赢在起跑线上面
              </h3>
              <span><em>淘宝</em>miiow猫人内衣</span>
              <p>销量 899</p>
              <h4>￥29.99</h4>
              <i>89.99</i>
            </div>
          </a> -->
        </div>

        <div style="height:55px;"></div>
      </section>
    </section>
  </body>

  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/slider.js"></script>
  <script type="text/javascript">
    // function b() {
    //   t = parseInt(x.css("top"));
    //   y.css("top", "20px");
    //   x.animate(
    //     {
    //       top: t - 20 + "px"
    //     },
    //     "slow"
    //   );
    //   if (Math.abs(t) == h - 20) {
    //     y.animate(
    //       {
    //         top: "0px"
    //       },
    //       "slow"
    //     );
    //     z = x;
    //     x = y;
    //     y = z;
    //   }
    //   setTimeout(b, 3000);
    // }
    $(document).ready(function() {
      $(window).scroll(function() {
        var $scroll_height = $(document).scrollTop();
        if ($scroll_height > 30) {
          $(".aui-chang-box").css("background", "rgba(0,0,0,1)");
        } else {
          $(".aui-chang-box").css("background", "");
        }
      });
    });
  </script>
</html>
